
var prefix = "/jzweb/extraOrder";
$(function() {
	load();
});

function load() {
	$('#exampleTable')
		.bootstrapTable(
			{
				method : 'get', // 服务器数据的请求方式 get or post
				url : prefix + "/list", // 服务器数据的加载地址
				showColumns : true,
				height:750,
				iconSize : 'outline',
				toolbar : '#exampleToolbar',
				striped : true, // 设置为true会有隔行变色效果
				dataType : "json", // 服务器返回的数据类型
				pagination : true, // 设置为true会在底部显示分页条
				singleSelect : false, // 设置为true将禁止多选
				pageSize : 10, // 如果设置了分页，每页数据条数
				pageNumber : 1, // 如果设置了分布，首页页码
				sidePagination : "server", // 设置在哪里进行分页，可选值为"client" 或者 "server"
				queryParamsType : "",
				queryParams : function(params) {
					return {
						//说明：传入后台的参数包括offset开始索引，limit步长，sort排序列，order：desc或者,以及所有列的键值对
						pageNumber : params.pageNumber,
						pageSize : params.pageSize,
						province:$('#province').val(),
						state:$('#state').val(),
						addressee:$('#addressee').val(),
						year:$('#year').val(),
						school:$('#school').val()
					};
				},
				responseHandler : function(res){
					console.log(res);
					return {
						"total": res.data.total,//总数
						"rows": res.data.records   //数据
					};
				},
				columns : [
					{
						checkbox : true
					},
					{
						field : 'name',
						title : '物品名称',
					},
					{
						field : 'creareUserName',
						title : '创建人',
					},
					{
						field : 'department',
						title : '下单部门',
					},

					{
						field : 'year',
						title : '年份',
					},
					{
						field : 'orderMoney',
						title : '物品总价',
					},
					{
						field : 'orderNumber',
						title : '数量',
					},
					{
						field : 'orderTypes',
						title : '订单类型',
						formatter: function (value, row, index) {
							if (value == 0) {
								return '<span class="label label-fail">学校订单</span>';
							}else if (value == 1) {
								return '<span style="color:blue">'+"公司订单"+'</span>'
							}else if (value == 2){
								return '<span style="color:green">'+"个人订单"+'</span>'
							}
						}
					},
					{
						field : 'orderCreatetime',
						title : '订单创建时间'
					},
					{
						field : 'province',
						title : '省份'
					},
					{
						field : 'city',
						title : '所属市'
					},

					{
						field : 'district',
						title : '所属县'
					},

					{
						field : 'addressee',
						title : '收件人'
					},
					{
						field : 'mobile',
						title : '收件人电话'
					},
					{
						field : 'dataUrl',
						title : '相关凭证',
						formatter:function (value,row,index){
							return "<img src='"+ value +"' width='80px' onclick='scale(this)'/>"
						}
					},

					{
						title : '操作',
						field : 'id',
						align : 'center',
						formatter : function(value, row, index) {
							var e = '<a class="btn btn-primary btn-sm '+s_edit_h+'" href="#" mce_href="#" title="编辑" onclick="edit(\''
								+ row.id
								+ '\')"><i class="fa fa-edit"></i></a>';
							var d = '<a class="btn btn-warning btn-sm '+s_remove_h+'" href="#" title="删除"  mce_href="#" onclick="remove(\''
								+ row.id
								+ '\')"><i class="fa fa-remove"></i></a>';
							var s = '<button class="layui-btn layui-btn-sm moreOper"  data-id="'+row.id+'"  title="更多操作" >更多操作</button>';
							return s;
						}
					} ],
				onAll:function(){
					layui.use('dropdown', function(){
						var dropdownData="[";
						if(s_edit_h==''){
							dropdownData+="{title:'编辑',id:'1'},";
						}
						if(s_remove_h==''){
							dropdownData+="{title:'删除',id:'2'},";
						}
						dropdownData=dropdownData.substring(0,dropdownData.length-1);
						dropdownData+="]"
						//点击回调
						var dropdown = layui.dropdown;
						dropdown.render({
							elem: '.moreOper'
							,data: eval('('+dropdownData+')')
							,click: function(data, othis){
								var elem = $(this.elem)
									,listId = elem.data('id'); //表格列表的预埋数据
								switch(data.id){
									case '1':edit(listId);break;
									case '2':remove(listId);break;
								}
							}
						});
					})
				},
			});
}

function scale(ev){
	$('#fixedClose').show();
	$(".fixedScale").show();
	$("#scale").attr('src',$(ev).attr('src'));
}
$("#fixedClose").click(function (){
	$(".fixedScale").hide();
	$(this).hide();
})

function reLoad() {
	$('#exampleTable').bootstrapTable('refresh');
}

function add() {
	layer.open({
		type : 2,
		title : '增加',
		maxmin : true,
		shadeClose : false, // 点击遮罩关闭层
		area : [ '800px', '70%' ],
		content : prefix + '/add' // iframe的url
	});
}




function edit(id) {
	layer.open({
		type : 2,
		title : '编辑',
		maxmin : true,
		shadeClose : false, // 点击遮罩关闭层
		area : [ '800px', '70%' ],
		content : prefix + '/edit/' + id // iframe的url
	});
}




function remove(id) {
	layer.confirm('确定要删除选中的记录？', {
		btn : [ '确定', '取消' ]
	}, function() {
		$.ajax({
			url : prefix+"/remove",
			type : "post",
			data : {
				'id' : id
			},
			success : function(r) {
				if (r.code==0) {
					layer.msg(r.msg);
					reLoad();
				}else{
					layer.msg(r.msg);
				}
			}
		});
	})
}


function batchRemove() {
	var rows = $('#exampleTable').bootstrapTable('getSelections'); // 返回所有选择的行，当没有选择的记录时，返回一个空数组
	if (rows.length == 0) {
		layer.msg("请选择要删除的数据");
		return;
	}
	layer.confirm("确认要删除选中的'" + rows.length + "'条数据吗?", {
		btn : [ '确定', '取消' ]
		// 按钮
	}, function() {
		var ids = new Array();
		// 遍历所有选择的行数据，取每条数据对应的ID
		$.each(rows, function(i, row) {
			ids[i] = row['id'];
		});
		$.ajax({
			type : 'POST',
			data : {
				"ids" : ids
			},
			url : prefix + '/batchRemove',
			success : function(r) {
				if (r.code == 0) {
					layer.msg(r.msg);
					reLoad();
				} else {
					layer.msg(r.msg);
				}
			}
		});
	}, function() {

	});
}